{% extends "AcmeDemoBundle::report.html.twig" %} {% block javascript %}
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/default/easyui.css') }}" />
<link rel="stylesheet" type="text/css"
    href="{{ asset('bundles/acmedemo/css/icon.css') }}" />
<script type="text/javascript"
    src="{{ asset('bundles/acmedemo/js/jquery.easyui.min.js') }}"></script>
<script type="text/javascript">
	$(function(){
		 $('#from').mask('999');
		 $('#to').mask('999');
		$('#to').hide();
		$('#count').hide();
		 $('#type').change(function() {
			 if($(this).val() == "4") {
				 $('#to').show();		 
			 } else {
				 $('#to').hide();
			 }
			 
		});

    
		
	});
	function doSearch(){
	    $('#tt').datagrid('load',{  
		    type: $('#type').val(),
		    from: $('#from').val(),
		    to: $('#to').val()
		});
	}

</script>

{% endblock %} {% block content %}
<div class="grid_16">
	<!-- TABS START -->
	<div id="tabs">
		<div class="container">
			<ul>
			<li><a href="{{ path('acme_Baocaonhanluc') }}" ><span>Báo cáo nhân lực</span></a></li>
				<li><a href="{{ path('acme_Baocaocongtac') }}"><span>Báo cáo số năm công tác
                            </span></a></li>
                <li><a href="{{ path('acme_Baocaotuoidang') }}" class="current"><span>Báo cáo tuổi đảng</span></a></li>
				<li><a href="{{ path('acme_Baocaotrinhdo') }}"><span>Báo cáo trình độ</span></a></li>
				<li><a href="{{ path('acme_Baocaothidua') }}"><span>Báo cáo thi đua</span></a></li>
			</ul>
		</div>
	</div>
	<!-- TABS END -->
</div>
<div class="grid_16" id="content">

	<div class="grid_9">
		<h1 class="report">Báo cáo tuổi đảng</h1>
	</div>
    
<div class="grid_16">
        <ul class="news_items">
            <li>
                 Người có tuổi đảng nhiều nhất ( {{maxYear}} năm): {{maxName}}
            </li>
            <li>
                 Người có tuổi đảng ít nhất ( {{minYear}} năm): {{minName}}
            </li>
            {% for tuoidang in lsttuoidang %}
                 <li>
                 Số người công tác {{tuoidang.nam}} năm: {{tuoidang.sl}} 
                </li>
            {% endfor %}
        </ul>
    </div>
	<div class="grid_16">
		<form id="form" method="post">
			<table width="100%">
            <tr>
                
                <td width="60%">Số tuổi đảng 
                <select id="type" name="type">
                            <option value="1" selected="selected">=</option>
                            <option value="2" > > </option>
                            <option value="3" > < </option>
                            <option value="4" > Khoảng </option>
                    </select>
                &nbsp;
                 <input class="smallInput" name="from" id="from"
                     type="text"> &nbsp; &nbsp; <input class="smallInput" name="to" id="to"
                     type="text">
                </td>
                <td width="40%">&nbsp; 
                <a id="search" class="button_grey_round" onclick="doSearch();">
<span>Tìm kiếm</span>
</a>
                </td>
            </tr>
            </table>
		</form>
	</div>

        <div id="list" class="grid_16">

            <table id="tt" class="easyui-datagrid" title="Danh sách nhân viên"
                style="width: 900px" rownumbers="true" pagination="true"
                data-options="rownumbers:true,singleSelect:true,url:'{{ path('acme_baocao_vaodang_json') }}'">
                <thead data-options="frozen:true">
                    <tr>
                        <th data-options="field:'nam',width:70">Số năm</th>
                        <th data-options="field:'hoten',width:200">Họ tên</th>
                    </tr>
                </thead>
                <thead>
                    <tr>
                        <th data-options="field:'diachi',width:400,align:'center'">Địa
                            chỉ</th>
                        <th data-options="field:'ngaysinh',width:90,align:'center'">Ngày
                            sinh</th>
                        <th data-options="field:'dienthoai',width:90,align:'center'">Điện
                            thoại</th>
                        <th data-options="field:'phongban',width:90,align:'center'">Phòng
                            ban</th>
                        <th data-options="field:'chucvu',width:90,align:'center'">Chức
                            vụ</th>
                        <th data-options="field:'ngayvaolam',width:90,align:'center'">Ngày
                            vào làm</th>
                        <th data-options="field:'ngayvaodang',width:90,align:'center'">Ngày
                            vào đảng</th>
                        <th data-options="field:'trinhdo',width:90,align:'center'">Trình
                            độ</th>
                        <th data-options="field:'mucluong',width:50,align:'center'">Mức
                            lương</th>
                        <th data-options="field:'hesoluongcv',width:50,align:'center'">Hệ
                            số lương cv</th>
                        <th data-options="field:'tinhbaohiem',width:50,align:'center'">Tính
                            bảo hiểm</th>
                        <th data-options="field:'tinhantrua',width:50,align:'center'">Tính
                            ăn trưa</th>
                        <th data-options="field:'tienphucap',width:90,align:'center'">Tiền
                            phụ cấp</th>
                    </tr>
                </thead>
            </table>
        
            

        </div>
        </div>
{% endblock %}
